<!--
/**
 * 人员映射 列表页 JS 脚本
 * @author 金杰 , maillank@qq.com
 * @since 2024-03-16 19:51:40
 */
 -->
 <!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <meta name="referrer" content="no-referrer">
    <title th:text="${lang.translate('人员映射')}">人员映射</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}">
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
    </style>
    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow-y: hidden">

<div class="layui-card">

    <div class="layui-card-body" style="">

        <div class="search-bar" style="">

            <div class="search-input-rows" style="opacity: 0">
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 主键 , id ,typeName=text_input, isHideInSearch=true -->
                    <!-- 单据 , billId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 状态 , status ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('状态')}" class="search-label status-label">状态</span><span class="search-colon">:</span></div>


                        <div id="status" th:data="${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 部门 , orgId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 自评分 , selfScore ,typeName=number_input, isHideInSearch=true -->
                    <!-- 互评分 , sameScore ,typeName=number_input, isHideInSearch=true -->
                    <!-- 直属领导评分 , leaderScore ,typeName=number_input, isHideInSearch=true -->
                    <!-- 上上级别领导评分 , secondLeaderScore ,typeName=number_input, isHideInSearch=true -->
                    <!-- 复核情况 , isConfirm ,typeName=radio_box, isHideInSearch=true -->
                    <!-- 生成结果 , message ,typeName=text_area, isHideInSearch=true -->
                    <!-- 修改人ID , updateBy ,typeName=text_input, isHideInSearch=true -->
                    <!-- 自评分 , selfScoreValue ,typeName=text_input, isHideInSearch=true -->
                    <!-- 直接领导分 , leaderScoreValue ,typeName=text_input, isHideInSearch=true -->
                    <!-- 上上级领导分 , secondLeaderScoreValue ,typeName=text_input, isHideInSearch=true -->
                    <!-- 上上级别领导未完成数 , incompleteSecondLeaderPaperCount ,typeName=text_input, isHideInSearch=true -->
                    <!-- 直接领导未完成数 , incompleteLeaderPaperCount ,typeName=text_input, isHideInSearch=true -->
                    <!-- 互评未完成数 , incompleteSamePaperCount ,typeName=text_input, isHideInSearch=true -->
                    <!-- 自评未完成数 , incompleteSelfPaperCount ,typeName=text_input, isHideInSearch=true -->
                    <!-- 互评评价分 , sameUserAvgScoreValue ,typeName=text_input, isHideInSearch=true -->
                    <!-- 直属领导【参考】 , leaderUserIdRel ,typeName=button, isHideInSearch=true -->
                    <!-- 上上级领导【参考】 , secondLeaderUserIdRel ,typeName=button, isHideInSearch=true -->
                    <!-- 人员互评 , sameUserIds ,typeName=button, isHideInSearch=true -->
                    <!-- 人员互评【参考】 , sameUserIdsRel ,typeName=button, isHideInSearch=true -->
                    <!-- 被考核人 , assesseeId ,typeName=button, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('被考核人')}" class="search-label assesseeId-label">被考核人</span><span class="search-colon">:</span></div>
                            <input lay-filter="assesseeId" id="assesseeId" name="assesseeId"  type="hidden" class="layui-input"    lay-verify="|required"   />
                            <button id="assesseeId-button" type="button" action-type="emp-dialog" class="layui-btn layui-btn-primary   " style="width: 180px"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择人员')}" th:default-label="${lang.translate('请选择人员')}">按钮文本</span></button>
                    </div>
                    <!-- 直属领导 , leaderId ,typeName=button, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('直属领导')}" class="search-label leaderId-label">直属领导</span><span class="search-colon">:</span></div>
                            <input lay-filter="leaderId" id="leaderId" name="leaderId"  type="hidden" class="layui-input"   />
                            <button id="leaderId-button" type="button" action-type="emp-dialog" class="layui-btn layui-btn-primary   " style="width: 180px"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择人员')}" th:default-label="${lang.translate('请选择人员')}">按钮文本</span></button>
                    </div>
                    <!-- HR复核人 , hrUserId ,typeName=button, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('HR复核人')}" class="search-label hrUserId-label">HR复核人</span><span class="search-colon">:</span></div>
                            <input lay-filter="hrUserId" id="hrUserId" name="hrUserId"  type="hidden" class="layui-input"   />
                            <button id="hrUserId-button" type="button" action-type="emp-dialog" class="layui-btn layui-btn-primary   " style="width: 180px"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择人员')}" th:default-label="${lang.translate('请选择人员')}">按钮文本</span></button>
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 上上级领导 , secondLeaderId ,typeName=button, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('上上级领导')}" class="search-label secondLeaderId-label">上上级领导</span><span class="search-colon">:</span></div>
                            <input lay-filter="secondLeaderId" id="secondLeaderId" name="secondLeaderId"  type="hidden" class="layui-input"   />
                            <button id="secondLeaderId-button" type="button" action-type="emp-dialog" class="layui-btn layui-btn-primary   " style="width: 180px"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择人员')}" th:default-label="${lang.translate('请选择人员')}">按钮文本</span></button>
                    </div>
                    <!-- 生成状态 , result ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('生成状态')}" class="search-label result-label">生成状态</span><span class="search-colon">:</span></div>


                        <div id="result" th:data="${enum.toArray('com.dt.platform.constants.enums.common.StatusSuccessFailedEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 创建时间 , createTime ,typeName=date_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('创建时间')}" class="search-label createTime-label">创建时间</span><span class="search-colon">:</span></div>
                            <input type="text" id="createTime-begin" style="width: 180px" lay-verify="date" th:placeholder="${lang.translate('开始日期')}" autocomplete="off" class="layui-input search-input search-date-input"  readonly >
                            <span class="search-dash">-</span>
                            <input type="text" id="createTime-end"  style="width: 180px"  lay-verify="date" th:placeholder="${lang.translate('结束日期')}" autocomplete="off" class="layui-input search-input search-date-input" readonly>
                    </div>


                </div>
            </div>


            <!-- 按钮区域 -->
            <div id="search-area" class="layui-form toolbar search-buttons" style="opacity: 0">
                <button id="search-button" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;<span th:text="${lang.translate('搜索','','cmp:table.search')}">搜索</span></button>
            </div>
        </div>

        <div id="table-area" style="margin-top: 84px ">
            <table class="layui-table" id="data-table" lay-filter="data-table"></table>
        </div>

    </div>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>
<!-- 表格工具栏 -->
<script type="text/html" id="toolbarTemplate">
    <div class="layui-btn-container">
        <button th:if="${perm.checkAuth('hr_assessment_bill_user_map:create')}" id="add-button" class="layui-btn icon-btn layui-btn-sm create-new-button " lay-event="create"><i class="layui-icon">&#xe654;</i><span th:text="${lang.translate('新建','','cmp:table.button')}">新建</span></button>
        <button id="reset-data"  class="layui-btn icon-btn layui-btn-sm  reset-data " lay-event="tool-reset-data"><span th:text="${lang.translate('1>生成用户','','cmp:table.button')}">1>生成用户</span></button>
        <button id="bill-task-down"  class="layui-btn icon-btn layui-btn-sm  bill-task-down " lay-event="tool-bill-task-down"><span th:text="${lang.translate('2>下发任务','','cmp:table.button')}">2>下发任务</span></button>
        <button id="create-paper"  class="layui-btn icon-btn layui-btn-sm  create-paper " lay-event="tool-create-paper"><span th:text="${lang.translate('3>下发评分表','','cmp:table.button')}">3>下发评分表</span></button>
    </div>
</script>

<!-- 表格操作列 -->
<script type="text/html" id="tableOperationTemplate">

    <button th:if="${perm.checkAuth('hr_assessment_bill_user_map:view-form')}" class="layui-btn layui-btn-primary layui-btn-xs ops-view-button " lay-event="view"  data-id="{{d.id}}"> <span th:text="${lang.translate('查看','','cmp:table.ops')}">查看</span></button>
    <button th:if="${perm.checkAnyAuth('hr_assessment_bill_user_map:update','hr_assessment_bill_user_map:save')}" class="layui-btn layui-btn-primary layui-btn-xs ops-edit-button " lay-event="edit"data-id="{{d.id}}"><span th:text="${lang.translate('修改','','cmp:table.ops')}">修改</span></button>


    <button th:if="${perm.checkAuth('hr_assessment_bill_user_map:delete')}" class="layui-btn layui-btn-xs layui-btn-danger ops-delete-button " lay-event="del" data-id="{{d.id}}"><span th:text="${lang.translate('删除','','cmp:table.ops')}">删除</span></button>

    <button class="layui-btn layui-btn-xs  pf-dtl " lay-event="pf-detail" data-id="{{d.id}}"><span th:text="${lang.translate('评分情况','','cmp:table.ops')}">评分情况</span></button>

</script>


<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${pageHelper.getTableColumnWidthConfig('data-table')}]];
    var RADIO_STATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}]];
    var RADIO_ISCONFIRM_DATA = [[${enum.toArray('com.dt.platform.constants.enums.hr.AssessmentBillConfirmStatusEnum')}]];
    var RADIO_RESULT_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.StatusSuccessFailedEnum')}]];
    var AUTH_PREFIX="hr_assessment_bill_user_map";

    // ownerId
    var OWNER_ID = [[${ownerId}]] ;
    // billId
    var BILL_ID = [[${billId}]] ;

</script>

<script th:src="'/business/hr/assessment_bill_user_map/assessment_bill_user_map_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/hr/assessment_bill_user_map/assessment_bill_user_map_list.js?'+${cacheKey}"></script>

</body>
</html>